// components/tabs/index.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    // 定义组件属性
    tabs: {
      // 数据格式
      type: Array,
      // 默认值
      value: []
    },
    activeIndex:{
      type: Number,
      value: 0
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    // // 组件中的数据绑定
    // activeIndex: 0
  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 改变索引值的事件绑定
    changeTabsIndex(e) {
      // 1. 组件内部选项卡切换
      const { index } = e.currentTarget.dataset;
      this.setData({
        activeIndex: index
      });
      // 2. 子传父：把当前组件的索引值，用事件方式传递到外部
      //    getTabsIndex 是组件的自定义事件，index 就是事件参数
      this.triggerEvent('getTabsIndex', { index } );
    }
  }
});
